<!DOCTYPE html>
<html lang="en">
    <head>
        <title>CIEMPIESS-UNAM </title>
        <meta charset="utf-8">
        <link href="<?php echo base_url(); ?>assets/images/favicon.ico" rel="icon" type="image/x-icon" />
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/style.css" type="text/css" media="all">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/jquery-ui.css" />
        <script type="text/javascript" src="<?= base_url() ?>assets/js/jquery-1.5.2.js" ></script>
        <script type="text/javascript" src="<?= base_url() ?>assets/js/cufon-yui.js"></script>
        <script type="text/javascript" src="<?= base_url() ?>assets/js/cufon-replace.js"></script>
        <script type="text/javascript" src="<?= base_url() ?>assets/js/Molengo_400.font.js"></script>
        <script type="text/javascript" src="<?= base_url() ?>assets/js/Expletus_Sans_400.font.js"></script>
        <script type="text/javascript" src="<?= base_url() ?>assets/js/functions.js"></script>
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
        <script src="<?= base_url() ?>assets/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
        <!--[if lt IE 9]>
        <script type="text/javascript" src="js/html5.js"></script>
        <style type="text/css">
                .bg, .box2 {behavior:url(js/PIE.htc)}
        </style>
        <![endif]-->
        <!--[if lt IE 7]>
                <div style=' clear: both; text-align:center; position: relative;'>
                        <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode">
                        <img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0"  alt="" /></a>
                </div>
        <![endif]-->
        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-50276007-1', 'ciempiess.org');
            ga('require', 'displayfeatures');
            ga('send', 'pageview');

        </script>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id))
                return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&appId=132311173460050&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

</head>

<body id="page2">
    <div class="body1">
        <div class="main">
            <!-- header -->
            <header>
                <div class="wrapper">
                    <nav>
                        <ul id="menu">
                            <li><a href="<?= base_url() ?>about"><?= $headerTituloNotros; ?></a></li>
                            <li><a href="<?= base_url() ?>downloads"><?= $headerTituloDescarg; ?></a></li>
                            <li><a href="<?= base_url() ?>tools"><?= $headerTituloHerram; ?></a></li>
                            <li><a href="<?= base_url() ?>doc"><?= $headerTituloDocu; ?></a></li>
                            <li><a href="<?= base_url() ?>contributors"><?= $headerTituloCol; ?></a></li>
                            <li><a href="<?= base_url() ?>publications"><?= $headerTituloNoticias; ?></a></li>
                            <li class="end"><a href="<?= base_url() ?>resources"><?= $headerTituloContcato; ?></a></li>
                        </ul>
                    </nav>
                    <ul id="icons">
                        <li><a href="<?= base_url() . $place . '/lenChg' ?>"><img src="<?= base_url() ?>assets/images/<?= $icon_lang ?>" alt=""></a></li>
                    </ul>
                </div>
                
            </header>
            <!-- / header -->
        </div>
    </div>
</div>
</div>
<div class="body2">
    <div class="main">
        <!-- content -->
        <section id="content">
            <div class="box1">
                <div class="wrapper">
                    <div id="dialog" title="Titulo dialog" style="display:none;">
                        <p>Contenido de la ventana.</p>
                    </div>